<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../../css/style.css">
    <script src="../../jquery/jquery-3.4.1.min.js"></script>
    <style>
        .sty1{
            font-family: "微軟正黑體 Light";
            color: darkgrey;
        }
        .sty2{
            font-family: "微软雅黑 Light";
        }
    </style>
</head>
<body class="container">
    <div style="padding-bottom: 20px"></div>
    <div style="padding-top: 100px;background-color: dodgerblue;height: 300px;text-align: center">
        <span class="glyphicon glyphicon-ok-sign" style="color: white;font-size: 40px;"></span><br>
        <span style="color: white;font-size: 40px;">支付成功</span>
    </div>
    <div style="padding-top: 100px;padding-bottom: 30px">
<!--        订单号、付款账号、收款方、支付方式、交易金额、交易时间-->
        <div class="row" style="padding-bottom: 20px">
            <div class="sty1 col-sm-1 col-md-offset-3" ><label>订&nbsp;&nbsp;单&nbsp;&nbsp;号:</label></div>
            <div class="sty2 col-sm-2"><label>1113569865544215754</label></div>
            <div class="sty1 col-sm-1 col-md-offset-1"><label>付款账号:</label></div>
            <div class="sty2 col-sm-3"><label id="zhanghao"></label></div>
        </div>
        <div class="row" style="padding-bottom: 20px">
            <div class="sty1 col-sm-1 col-md-offset-3"><label>收&nbsp;&nbsp;款&nbsp;&nbsp;方:</label></div>
            <div class="sty2 col-sm-2"><label>汽车销售服务中心</label></div>
            <div class="sty1 col-sm-1 col-md-offset-1"><label>支付方式:</label></div>
            <div class="sty2 col-sm-3"><label id="opay"></label></div>
        </div>
        <div class="row" style="padding-bottom: 20px">
            <div class="sty1 col-sm-1 col-md-offset-3"><label>交易金额:</label></div>
            <div class="sty2 col-sm-2"><label style="color: crimson" id="money"></label></div>
            <div class="sty1 col-sm-1 col-md-offset-1"><label>交易时间:</label></div>
            <div class="sty2 col-sm-3"><label id="time"></label></div>
        </div>
    </div>
    <div style="text-align: center;padding-bottom: 20px">
        <button id="wancheng" style="height: 50px;width: 160px;background-color: dodgerblue;color: white;font-family: 幼圆;font-size: 20px">完&nbsp;&nbsp;&nbsp;&nbsp;成</button>
    </div>
</body>
<script>
    $("#zhanghao").text(sessionStorage.getItem("username"))
    $("#opay").text(sessionStorage.getItem("o_pay"))
    $("#money").text("￥"+sessionStorage.getItem("money"))
    $("#time").text(new Date())
    $("#wancheng").click(function () {
        $(location).attr("href","/gotoyhJieSuan");
    })
</script>
</html>